// 辅助文字
$ExtraSmall: 0.75rem;
// 正文（小）
$Small: 0.8125rem;
// 正文
$Base: 0.875rem;
// 小标题
$Medium: 1rem;
// 标题
$large: 1.125rem;
// 主标题
$ExtraLarge: 1.25rem;
// 类似金额大字号
$Oversized: 2rem;

$active-color: #19529f;
$active-font-weight: 500;
$font-weight-600: 600;

/* Color
-------------------------- */
/// color|1|Brand Color|0
$--color-primary: #19529f !default;
/// color|1|Background Color|4
$--color-white: #ffffff !default;
/// color|1|Background Color|4
$--color-black: #000000 !default;
$--color-primary-light-1: mix($--color-white, $--color-primary, 10%) !default;
$--color-primary-light-2: mix($--color-white, $--color-primary, 20%) !default;
$--color-primary-light-3: mix($--color-white, $--color-primary, 30%) !default;
$--color-primary-light-4: mix($--color-white, $--color-primary, 40%) !default;
$--color-primary-light-5: mix($--color-white, $--color-primary, 50%) !default;
$--color-primary-light-6: mix($--color-white, $--color-primary, 60%) !default;
$--color-primary-light-7: mix($--color-white, $--color-primary, 70%) !default;
$--color-primary-light-8: mix($--color-white, $--color-primary, 80%) !default;
$--color-primary-light-9: mix($--color-white, $--color-primary, 90%) !default;
/// color|1|Functional Color|1
$--color-success: #67c23a !default;
/// color|1|Functional Color|1
$--color-warning: #e6a23c !default;
/// color|1|Functional Color|1
$--color-danger: #f56c6c !default;
/// color|1|Functional Color|1
$--color-info: #909399 !default;

/// color|1|Font Color|2
$--color-text-primary: #333 !default;
$--color-text-second: #666 !default;
/// color|1|Font Color|2
$--color-text-regular: #747474 !default;
/// color|1|Font Color|2
$--color-text-secondary: #909399 !default;
/// color|1|Font Color|2
$--color-text-placeholder: #c0c4cc !default;
/// color|1|Border Color|3
$--border-color-base: #dcdfe6 !default;
/// color|1|Border Color|3
$--border-color-light: #e4e7ed !default;
/// color|1|Border Color|3
$--border-color-lighter: #ebeef5 !default;
/// color|1|Border Color|3
$--border-color-extra-light: #f2f6fc !default;

// Background
/// color|1|Background Color|4
$--background-color-base: #f5f7fa !default;

/* Link
-------------------------- */
$--link-color: $--color-primary-light-2 !default;
$--link-hover-color: $--color-primary !default;

/* Typography
-------------------------- */
$--font-display: 'auto' !default;
// 类似金额大字号
$--font-size-big: 32px;
// 中文金额币种
$--font-size-unit: 26px;
// 主标题
$--font-size-extra-large: 20px !default;
// 标题
$--font-size-large: 18px !default;
// 小标题
$--font-size-medium: 16px !default;
// 正文
$--font-size-base: 14px !default;
// 正文（小）
$--font-size-small: 13px !default;
// 辅助文字
$--font-size-extra-small: 12px !default;
// large
$--font-weight-large: 600 !default;
// medium
$--font-weight-primary: 500 !default;
// normal
$--font-weight-normal: 400 !default;
/// fontWeight|1|Font Weight|1
$--font-weight-secondary: 100 !default;
/// fontLineHeight|1|Line Height|2
$--font-line-height-primary: 24px !default;
/// fontLineHeight|1|Line Height|2
$--font-line-height-secondary: 16px !default;
$--font-color-disabled-base: #bbb !default;
/* Size
-------------------------- */

/* Disable base
-------------------------- */
$--disabled-fill-base: $--background-color-base !default;
$--disabled-color-base: $--color-text-placeholder !default;
$--disabled-border-base: $--border-color-light !default;

// spacing
$--item-spacing: 20px;

// 首页
$--layout-content-spacing: 1280px;
$mgSpacing: 44px;
